@layout("/common/_container.html"){
<style>
    .nav_ul {
        border-bottom: 5px solid #30add2;
        margin-bottom: 20px;
    }

    .nav_ul > li > a {
        color: #565656;
        border: 1px solid #dddddd;
    }

    .nav_table {
        margin-top: 10px;
    }

    .doctor_ul > li {
        float: left;
        margin-right: 20px;
    }

    .ul_flex {
        display: flex;
        padding: 0;
    }

    .ul_flex > li {
        flex: 1;
    }

    .ul_flex ul {
        padding: 0;
    }

    .ul_flex ul > li {
        line-height: 52px;
    }

    .ul_flex span {
        display: inline-block;
        width: 110px;
    }

    .home_box {
        border: 1px solid white;
        border-radius: 5px;
        overflow: hidden;
    }

    .ul_box {
        display: flex;
        padding: 0;
    }

    .ul_box > li {
        flex: 1;
    }

    .input_style {
        width: 50%;
        height: 39px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        padding-left: 10px;
    }

    .btnBox button {
        background: #30add1;
        color: white;
        width: 96px;
    }

    .project {
        display: flex;
        text-align: center;
        line-height: 45px;
        padding-top: 20px;
    }

    .project > div {
        flex: 1;
        margin-right: 2%;
        border-radius: 5px;
        margin-bottom: 15px;
    }

    #sortPayService > li {
        border: none;
        border-top: 1px solid #d3d3d3;
        background: #f7f7f7;
    }

    .divHeader {
        background: #e8e8e8;
        border-radius: 10px;
        line-height: 45px;
        font-weight: bold;

    }

    #payServiceName > div, #firstLevelProjectDiv > div {
        border-top: 1px solid #f7f7f7
    }

    #detailedListDiv {
        background: #f7f7f7;
        width: 98%;
        border-radius: 10px;
    }

    #further > p:first-of-type {
        display: none;
    }

    #bubble {
        width: 50%;
        margin-left: 7%;
    }

    #select1 {
        border: none;
        -webkit-appearance: none;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        background: #30add2;
        border-bottom: 1px solid #30add2;
        color: white;
    }

    .textareaBox {
        width: 100%;
        line-height: 40px;
        text-indent: 1em;
        background: #f7f7f7;
        border: none;
        border-radius: 6px;
    }

    #tb1 th {
        width: 100px;
        height: 40px;
        text-align: center;
    }

</style>
<div class="ibox float-e-margins ">
    <div class="ibox-content">
        <div id="consultantInfoForm">
            <div style="display: none">
                <input type="hidden" id="huifang" value="${huifang}">
                <input id="totleFoldingPays" value="">
                <input type="hidden" id="isReturnVisit"/>
                <input type="hidden" id="id" value="${consultantInfo.id}">
                <input type="hidden" id="customerSexValue" value="${consultantInfo.customerSex}">
                <input type="hidden" id="reservationsId" value="${consultantInfo.reservationsId}">
                <input type="hidden" id="cancel" onclick="ConsultantInfoDlg.close()" >
            </div>
            <div class="row" style="background: #f7f7f7;border: 1px solid #dddddd;border-radius: 3px;">
                <p style="margin-top: 25px;">
                    <span style="margin-left: 10px;font-size: 2em;font-weight: bolder;">${consultantInfo.customerName}</span>
                    <span style="margin-left: 2%;">${consultantInfo.customerAge}</span>
                    <span style="margin-left: 1%">
                    <select id="customerSex" name="customerSex" style="border: none;-webkit-appearance: none;background: #f7f7f7">
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </select>
                </span>
                    <span style="margin-left: 4%;">电话：${consultantInfo.customerPhone}</span>
                    <span style="margin-left: 4%;">病历：${consultantInfo.medicalRecordNumber}</span>
                    <span style="margin-left: 4%;">初诊时间：</span>
                    <span style="margin-left: 4%;">现场TC：${consultantInfo.tcName}</span>
                </p>
            </div>
            <div class="row">
                <div class="nav_table" id="reservationsInfoForm">

                    <ul class="nav nav-tabs nav_ul" role="tablist" id="navBox">
                        <li role="presentation" class="active onRecord"><a href="#home" aria-controls="home" role="tab"
                                                                           data-toggle="tab">患者信息</a></li>
                        <li role="presentation"><a href="#doctor" class="arrived" aria-controls="doctor" role="tab"
                                                   data-toggle="tab">回访操作</a></li>
                        <li role="presentation"><a href="#Butt" class="arrived" aria-controls="Butt" role="tab"
                                                   data-toggle="tab">成交记录</a></li>
                        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">影像</a></li>
                    </ul>

                    <div class="tab-content content_box" id="contentBox">

                        <div role="tabpanel" class="tab-pane active onRecord" id="home">
                            @layout("/tcCenter/consultant/consultant_information.html"){
                            @}
                        </div>

                        <div role="tabpanel" class="tab-pane active" id="doctor">
                            @layout("/tcCenter/consultant/consultantNoTwo.html"){
                            @}
                        </div>

                        <div role="tabpanel" class="tab-pane arrived" id="Butt">
                            <span style="font-size: 20px;color: #333333; margin-left: 25px;">实收总额：<span style="color: black;font-weight: bold;">${customerInfo.actualAccountBalance}</span></span>
                            <span style="font-size: 20px;color: #333333;">欠费总额：<span style="color: red;font-weight: bold;">${customerInfo.accountArrears}</span></span>
                            <div class="home_box" style="position: relative">
                                <div style="text-align: center;border-top: 3px solid #00a6c9;border-bottom: 3px solid #00a6c9;">
                                    <#doctor_seeDiagnosis  id="doctor_seeDiagnosis" list="${payServiceInfoList}"/>
                                </div>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane arrived" id="messages" >
                            @layout("/doctorLooked/upload_icon.html"){
                            @}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/tcCenter/consultant/is_deal_info.js"></script>
<script src="${ctxPath}/static/modular/tcCenter/consultant/consultant_infos.js"></script>
<script>
    //退款
    refundMoney  = function (customerId, reservationsId, operationTime) {
        var parpams =customerId + "," + reservationsId + ","+  operationTime;
        var index = layer.open({
            type: 2,
            title: '退款',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/refundMoney/' + parpams
        });
        this.layerIndex = index;
    };

    //补欠款
    payQianKuan = function (customerId, reservationsId, operationTime) {
        var ids =customerId + "," + reservationsId + ","+  operationTime;
        var index = layer.open({
            type: 2,
            title: '补欠款',
            area: ['90%', '90%'], //宽高
            fix: true, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/consultant/payKuans/' + ids
        });
        this.layerIndex = index;
    };

    $(".showDetail").click(function () {
        $(this).parent().siblings().toggle();
        $(this).children().toggle();
    })

</script>
@}